*{
    padding: 0;
    margin: 0;
}
html{
    font-size: 18px;
}
.course_main{
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .89) 11%, hsla(0, 0%, 100%, 0));
}
.com-header{
    display: flex;
    height: 2.4444rem;
    padding: 0 .8889rem;
    
    line-height: 2.4444rem;
    color: #000;
}
.header-left,.header-right{
    flex: 1;
    font-size: 1rem;
}
.title{
    flex: 2;
    text-align: center;
    font-size: .9444rem;
    font-weight: 700;
}
.course-info{
    height: 8.5556rem;
}
.tag{
    height: .8889rem;
    font-size: .6667rem;
    padding: .8889rem .6667rem .4444rem .6667rem;
}
.tag_content{
    padding: .13333rem .21333rem;
    border-radius: .37333rem;
    color: #ff4a34;
    background: rgba(255, 74, 52, .2);
}
.name{
    margin: .4444rem .8889rem;
    font-size: .9444rem;
    font-weight: 600;
    color: #262626;
}
.time{
    font-size: .6667rem;
    padding-left: .8889rem;
    color: #9c9ca5;
}
.time>img{
    width: .6667rem;
    height: .6667rem;
}
.price{
    height: 1.4444rem;
    font-size: 1.1111rem;
    font-weight: 600;
    color: #ff4a34;
    padding: .4444rem .8889rem .8333rem .8889rem;
}
.price_free{
    text-align: right;
}
.van-tabs__nav{
    display: flex;
    height: 2.4444rem;
    align-items: center;
}
.van-tab{
    flex: 1;
    font-size: .8333rem;
    text-align: center;
}
.van-tabs__content{
    
}
.info>p>img{
    width: 100%;
    display: block;
}
.footer{
    width: 100%;
    height: 2.7778rem;
    padding-top: .3889rem;
    padding-bottom: .7222rem;
    display: flex;
    background-color: #fff;
    position: fixed;
    bottom: 0%;
    margin: 0 auto;
    justify-content: space-around;
}
.footer-price{
    width: 1.4444rem;
    font-size: .7222rem;
}
.footer-price>img{
    width: 1.3889rem;
    height: 1.3889rem;
    
}
.el-button1{
    width: 15.8889rem;
    padding: 0 .4444rem;
    background: #ff4a34;
    border-radius: 1.3889rem;
    color: #fff;
    
    border: none;
}